<template>
	<view class="box">
		<!-- logo -->
		<view class="login_title">
			欢迎登录小U商城
		</view>
		<image class="login_logo"  src="../../static/logo/orange.png" alt="" />
		<!-- #ifdef MP-WEIXIN -->
			<!-- 按钮上绑定获取手机号的事件  open-type  和  绑定getphonenumber事件 触发事件获取event中的iv和encryptedData -->
			<button class="login_but" hover-class="touchOpacity" open-type="getPhoneNumber" @getphonenumber="getPhone">
				微信用户一键登录
			</button>
		<!-- #endif -->

			<navigator url="../textlogin/textlogin">
			<view  class="login_text" hover-class="touchOpacity" >手机号验证注册/登录</view>
			</navigator>
		

	</view>
</template>

<script>

	export default {
		data() {
			return {
				
			}
		},
		onLoad() {
			
		},
		methods: {
			
			// 1.手机号一键登录
			getPhone(e){
				console.log(e);
				// 一键登录   encryptedData:包括敏感数据在内的完整用户信息的加密数据   iv:加密算法的初始向量
				if(e.detail.encryptedData){
					console.log(e.detail);
					let {iv,encryptedData} = e.detail;
					// 调用wx登录接口  并发送请求 返回code码   code:用户登录凭证(有效期五分钟), 开发者需要在开发者服务器后台调用auth.code2Session, 使用code换取openid unionid session_key等信息   
					wx.login({
						success:async res => {
							if(res.code){
								let code = res.code
								console.log(code);
								// 执行登录的请求
								let result = await this.$http({
									url:'wxlogin',
									method:'post',
									data:{
										iv,encryptedData,code
									}
								})
								console.log(result);
								if(result.data.code === 200){
									uni.showToast({
										title:result.data.msg,
										icon:'none'
									})
									
									// 存储token uid
									uni.setStorageSync('userInfo',result.data.list)
									
									setTimeout(()=> {
										uni.navigateBack({
											delta:1
										})
									},1000)
									
								}else{
									uni.showToast({
										title:'网络超时',
										icon:'error'
									})
								}
							}
						}
					})
				}
			}
		}
	}
</script>

<style>
	/* 导入外部的样式文件 */
	@import url("@/static/css/login.css");
</style>
